<template>
  <div class="et-quick-job">
    <et-header title="快速入职" @backPage="backPage"></et-header>

    <div class="successful-box">
      <img src="../images/job/list/successful.png" class="successful" onclick="return false"/>
    </div>

    <div class="job-top"><span>提交成功，请保持电话通畅</span><span>客服人员会尽快帮您寻找合适职位~</span></div>
    <div class="btn-box">
      <button type="button" class="save" @click="downApp">下载蓝聘APP，更多招聘职位</button>
    </div>
  </div>
</template>

<script>
  import EtHeader from "../components/EtHeader";

  export default {
    name: "jobQuickNext",
    components: {
      EtHeader,
    },
    data() {
      return {}
    },
    methods: {
      backPage() {
        this.$router.push("/jobList");
      },
      downApp() {
        window.location.href = "https://url.cn/5AUAFDU";
      }
    }
  }
</script>

<style lang="stylus" scoped>
  @import "../../../assets/stylus/mixin.styl"

  .et-quick-job
    display: flex
    flex-direction: column
    wh(100%, 100%)
    background: #f5f5f5
    .successful-box
      padding-top: 1.6rem
      display: flex
      justify-content: center
      .successful
        wh(1.6rem, 1.6rem)
    .btn-box
      wh(100%, 1.28rem)
      text-align: center
      .save
        wh(90.4%, 100%)
        line-height: 1.28rem
        background: rgba(60, 175, 255, 1)
        border-radius(0.16rem)
        size-color(0.453rem, rgba(255, 255, 255, 1))
    .job-top
      padding-top: 0.8rem
      padding-bottom: 1.6rem
      display: flex
      align-items: center
      flex-direction: column
      font-size: 0.427rem
      color: rgba(51, 51, 51, 1)
      line-height: 0.56rem
</style>


